<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_盒子的内容区_content</title>
  <style>
      h1{
          background-color: red;
          display: none;
          width: 300px;
      }
      span{
          background-color: blue;
          display: block;
      }

  </style>
</head>
<body>
<!--
    通过css中的display属性，可以改变元素的显示模式。
    display属性的取值：
        1.block：块级元素
        2.inline：行内元素
        3.inline-block：行内块元素
        4.none：隐藏元素

-->
    <h1>11123333</h1>
    <span>222222</span>
</body>
</html>